<script type="text/javascript">
	//Esto se ejecuta cuando se termina de cargar la web
	$(document).ready(function(){
		
		//Visitas de las 24 horas de hoy
		var visitorsHoy = [
		[0, <?php echo($visitas0); ?>],
		[1, <?php echo($visitas1); ?>],		
		[2, <?php echo($visitas2); ?>], 
		[3, <?php echo($visitas3); ?>], 
		[4, <?php echo($visitas4); ?>],
		[5, <?php echo($visitas5); ?>],
		[6, <?php echo($visitas6); ?>],
		[7, <?php echo($visitas7); ?>],
		[8, <?php echo($visitas8); ?>],
		[9, <?php echo($visitas9); ?>],
		[10, <?php echo($visitas10); ?>],
		[11, <?php echo($visitas11); ?>],
		[12, <?php echo($visitas12); ?>],
		[13, <?php echo($visitas13); ?>],
		[14, <?php echo($visitas14); ?>],
		[15, <?php echo($visitas15); ?>],
		[16, <?php echo($visitas16); ?>],
		[17, <?php echo($visitas17); ?>],
		[18, <?php echo($visitas18); ?>],
		[19, <?php echo($visitas19); ?>],
		[20, <?php echo($visitas20); ?>],
		[21, <?php echo($visitas21); ?>],
		[22, <?php echo($visitas22); ?>],
		[23, <?php echo($visitas23); ?>]
		];

		var plot = $.plot($("#stats-dehoy"),
		   [ { data: visitorsHoy, label: "Visitantes" } ], {
			   series: {
				   lines: { show: true,
							lineWidth: 3,
							fill: true, fillColor: { colors: [ { opacity: 0.08 }, { opacity: 0.01 } ] }
						 },
				   points: { show: true },
				   shadowSize: 2
			   },
			   grid: { hoverable: true, 
					   clickable: true, 
					   tickColor: "#eee",
					   borderWidth: 0,
					 },
			   colors: ["#FA5833", "#2FABE9"],
				xaxis: {ticks:11, tickDecimals: 0},
				yaxis: {ticks:11, tickDecimals: 0},
			 });
		
		//Visitas diarias del mes
		var visitorsDiarias = [
		[1, <?php echo($visitasDia1); ?>],		
		[2, <?php echo($visitasDia2); ?>], 
		[3, <?php echo($visitasDia3); ?>], 
		[4, <?php echo($visitasDia4); ?>],
		[5, <?php echo($visitasDia5); ?>],
		[6, <?php echo($visitasDia6); ?>],
		[7, <?php echo($visitasDia7); ?>],
		[8, <?php echo($visitasDia8); ?>],
		[9, <?php echo($visitasDia9); ?>],
		[10, <?php echo($visitasDia10); ?>],
		[11, <?php echo($visitasDia11); ?>],
		[12, <?php echo($visitasDia12); ?>],
		[13, <?php echo($visitasDia13); ?>],
		[14, <?php echo($visitasDia14); ?>],
		[15, <?php echo($visitasDia15); ?>],
		[16, <?php echo($visitasDia16); ?>],
		[17, <?php echo($visitasDia17); ?>],
		[18, <?php echo($visitasDia18); ?>],
		[19, <?php echo($visitasDia19); ?>],
		[20, <?php echo($visitasDia20); ?>],
		[21, <?php echo($visitasDia21); ?>],
		[22, <?php echo($visitasDia22); ?>],
		[23, <?php echo($visitasDia23); ?>],
		[24, <?php echo($visitasDia24); ?>],
		[25, <?php echo($visitasDia25); ?>],
		[26, <?php echo($visitasDia26); ?>],
		[27, <?php echo($visitasDia27); ?>],
		[28, <?php echo($visitasDia28); ?>],
		[29, <?php echo($visitasDia29); ?>],
		[30, <?php echo($visitasDia30); ?>],
		[31, <?php echo($visitasDia31); ?>]
		];

		var plot = $.plot($("#stats-diarias"),
		   [ { data: visitorsDiarias, label: "Visitantes" } ], {
			   series: {
				   lines: { show: true,
							lineWidth: 3,
							fill: true, fillColor: { colors: [ { opacity: 0.08 }, { opacity: 0.01 } ] }
						 },
				   points: { show: true },
				   shadowSize: 2
			   },
			   grid: { hoverable: true, 
					   clickable: true, 
					   tickColor: "#eee",
					   borderWidth: 0,
					 },
			   colors: ["#FA5833", "#2FABE9"],
				xaxis: {ticks:11, tickDecimals: 0},
				yaxis: {ticks:11, tickDecimals: 0},
			 });
			 
		//Visitas por mes
		var visitorsMes = [		
		[1, <?php echo($visitasMes1); ?>],		
		[2, <?php echo($visitasMes2); ?>], 
		[3, <?php echo($visitasMes3); ?>], 
		[4, <?php echo($visitasMes4); ?>],
		[5, <?php echo($visitasMes5); ?>],
		[6, <?php echo($visitasMes6); ?>],
		[7, <?php echo($visitasMes7); ?>],
		[8, <?php echo($visitasMes8); ?>],
		[9, <?php echo($visitasMes9); ?>],
		[10, <?php echo($visitasMes10); ?>],
		[11, <?php echo($visitasMes11); ?>],
		[12, <?php echo($visitasMes12); ?>]
		];

		var plot = $.plot($("#stats-mes"),
		   [ { data: visitorsMes, label: "Visitantes" } ], {
			   series: {
				   lines: { show: true,
							lineWidth: 3,
							fill: true, fillColor: { colors: [ { opacity: 0.08 }, { opacity: 0.01 } ] }
						 },
				   points: { show: true },
				   shadowSize: 2
			   },
			   grid: { hoverable: true, 
					   clickable: true, 
					   tickColor: "#eee",
					   borderWidth: 0,
					 },
			   colors: ["#FA5833", "#2FABE9"],
				xaxis: {ticks:11, tickDecimals: 0},
				yaxis: {ticks:11, tickDecimals: 0},
			 });
	});
</script>

<!-- Identificador de seccion -->
<div>
	<hr>
	<ul class="breadcrumb">
		<li>
			<a href="<?php echo(site_url("inicio")); ?>">Home</a><span class="divider">/</span>
		</li>
		<li>
			<a href="<?php echo(current_url()); ?>">Estad&iacute;sticas</a>
		</li>
	</ul>
	<hr>
</div>

<!-- start: Botonera Superior -->
<div class="row-fluid">					
	<a href="<?php echo(site_url("inicio")); ?>" class="quick-button-small span1">
		<i class="fa-icon-home"></i>
		<p>Home</p>						
	</a>
</div>
<!-- end: Botonera Superior -->

<!-- Estadisticas de Hoy -->
<div class="row-fluid">
	<div class="box span12">
		<div class="box-header">
			<h2><i class="icon-signal"></i><span class="break"></span>Estad&iacute;ticas de Hoy (De 0 hs a 23 hs)</h2>
			<div class="box-icon">				
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">			
			<div id="stats-dehoy"  class="center" style="height:300px" ></div>		
		</div>
	</div><!--/span-->
</div><!--/row-->

<!-- Estadisticas por Dia -->
<div class="row-fluid">
	<div class="box span12">
		<div class="box-header">
			<h2><i class="icon-signal"></i><span class="break"></span>Estad&iacute;sticas del Mes (Del d&iacute;a 1 al 31)</h2>
			<div class="box-icon">
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">			
			<div id="stats-diarias"  class="center" style="height:300px" ></div>		
		</div>
	</div><!--/span-->
</div><!--/row-->

<!-- Estadisticas por Mes -->
<div class="row-fluid">
	<div class="box span12">
		<div class="box-header">
			<h2><i class="icon-signal"></i><span class="break"></span>Estad&iacute;sticas del Año (Del mes 1 al 12)</h2>
			<div class="box-icon">
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">			
			<div id="stats-mes"  class="center" style="height:300px" ></div>		
		</div>
	</div><!--/span-->
</div><!--/row-->

<hr>